{% extends "index_template.html" %}
{% block content %}
<div class="col-md-10 col-md-offset-1">
	<table class="table table-bordered table-striped table-hover table-condensed">
	  <tr class="success">
	    <th>					    
	    	<input type="checkbox" v-model="allChecked" name="" id="">全选
		</th>
	    <th>ID</th>
	    <th>用户名</th>
	    <th>用户密码</th>
	    <th>服务器ip</th>
	    <th>创建时间</th>
	    <th>操作</th>
	  </tr>
	  <tr class="" v-for="(item,index) in tableData" :key="item">
	    <td>
	    	<input type="checkbox" v-model="item.checked" name="" id="">
	    </td>
            <td>{{ item.id }}</td>
            <td>{{item.username}}</td>
            <td>{{item.password}}</td>
            <td>{{item.ip}}</td>
            <td>{{item.time}}</td>
	    <td><button class="btn btn-info btn-block btn-xs">删除</button></td>
	  </tr>
	</table>
	<a class="btn btn-info" href="/creatvpnuser">新建OpenVPN用户</a>
	<div class="btn btn-danger">批量删除VPN用户</div>					
</div>
{% endblock %}
				

